// axios({
//         url: '/register',
//         method: 'post',
//         data: {
//             username: 'zhhuans222',
//             password: '123123'
//         }

//     }).then(res => {
//         console.log(res)

//     })
//     .catch(err => {
//         console.dir(err)

//     })

//注册功能：点注册按钮→收集用户输入的数据→axios发送到后台，成功后showTast提示用户
document.querySelector('#btn-register').addEventListener('click', async function() { //async  await 就近函数

    const data = serialize(document.querySelector('.register-form'), { hash: true, empty: true })

    //data→一个data单词，不要包对象
    const { username, password } = data //把参数从serialize收集表单里解构出来

    /**
    *   if (username.value == '' || password.value == '') {
         return showToast('用户名和密码不能为空')
         }
         if (username.length < 8 || username.length > 8 || password.length < 6 || password.length > 30) {
          return showToast('用户名不能低于8位,密码不能低于6位')
         }
    */

    if (username == '' || password == '') return showToast('用户名和密码不能为空') //简写
    if (username.length < 8 || username.length > 30 || password.length < 6 || password.length > 30) return showToast('用户名不能低于8位,密码不能低于6位')


    //发送请求之前，要本地验证数据的基本长度要求，减轻服务器压力
    try {
        const res = await axios.post('/register', data)
        showToast(res.data.message)
    } catch (error) {
        // console.log(error)
        //dir展开对象，看对象细节
        console.dir(error)
        showToast(error.response.data.message)

    }


})